<template>
  <!-- 期次报名 -->
  <view>
	  <uni-navbar :title="'期次报名'"></uni-navbar>
    <div class="qici-one">
      <image src="../../../static/index/qici.png" mode=""></image>
      <h3>2021全程面授班-助理</h3>
    </div>
    <div class="qici-two">
      <span>选择日期</span>
      <span>暂无报名期次</span>
    </div>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        
      };
    }
  }
</script>

<style lang="scss">
  page{
    background-color: #eee;
  }
.qici-one{
  width: 750rpx;
  height: 344rpx;
  position: relative;
  image{
    width: 100%;
    height: 100%;
  }
  h3{
    position: absolute;
    bottom: 167rpx;
    left: 160rpx;
    font-size: 44rpx;
    font-weight: 400;
    color: #FFFFFF;
  }
}
.qici-two{
  margin-top: 20rpx;
  padding: 30rpx;
  display: flex;
  justify-content: space-between;
  background: #FFFFFF;
  span:nth-child(1){
    font-size: 24rpx;
    font-weight: 400;
    color: #4D4D4D;
  }
  span:nth-child(2){
    font-size: 22rpx;
    font-weight: 400;
    color: #999999;
  }
}
</style>
